<template>
  <div class="faq">
    <Header />
    <div class="page-header">
      <h1>常见问题</h1>
      <p>解答您在汉中旅游过程中可能遇到的疑问</p>
    </div>
    <div class="faq-container">
      <el-collapse v-model="activeNames" accordion>
        <el-collapse-item v-for="(item, index) in faqItems" :key="index" :title="item.question" :name="index.toString()">
          <div class="faq-answer">{{ item.answer }}</div>
        </el-collapse-item>
      </el-collapse>
      <div class="faq-contact">
        <p>还有其他问题？<el-button type="text" @click="showContact">联系我们获取帮助</el-button></p>
      </div>
    </div>
  </div>
</template>

<script>
import Header from '@/components/Header.vue'

export default {
  name: 'FAQ',
  components: { Header },
  data() {
    return {
      activeNames: ['0'],
      faqItems: [
        // {
        //   question: '汉中最佳旅游季节是什么时候？',
        //   answer: '汉中最佳旅游季节是春季（3-5月）和秋季（9-11月）。春季可以欣赏油菜花盛开的美景，秋季气候宜人，适合户外活动。夏季可避暑，冬季有温泉资源可供体验。'
        // },
        // {
        //   question: '汉中各景点之间交通如何安排？',
        //   answer: '汉中市内景点可乘坐公交车或出租车；周边景点建议包车或参加当地一日游团。主要景点如武侯祠、张良庙等有旅游专线车。也可选择租车自驾，更为灵活方便。'
        // },
        // {
        //   question: '汉中有哪些特色美食值得尝试？',
        //   answer: '汉中热面皮、菜豆腐、核桃馍是必尝的三大特色美食。此外，还有略阳罐罐茶、西乡牛肉干、镇巴腊肉等当地特产值得一试。市区内的前进路小吃街和友爱路美食街是品尝当地美食的好去处。'
        // },
        // {
        //   question: '参观汉中景点需要提前预约吗？',
        //   answer: '大部分景点无需提前预约，但在节假日和旅游旺季（如油菜花节期间），建议提前通过官方渠道预约。部分文物保护单位如古汉台（汉中市博物馆）可能需要身份证登记入内，请随身携带有效证件。'
        // },
        // {
        //   question: '汉中的住宿条件如何？有哪些推荐区域？',
        //   answer: '汉中住宿选择丰富，从经济型酒店到高档度假酒店应有尽有。推荐住在市中心区域，交通便利；或选择汉江沿岸的酒店，风景优美。如果计划游览特定景点，也可选择靠近景点的住宿，如黎坪国家森林公园附近有度假山庄。'
        // }
      ]
    }
  },
  methods: {
    showContact() {
      this.$router.push('/contact')
    }
  },mounted(){
			this.$http.get("userApi/faqCtl/faq").then((resp) => {
				if (resp.data.code == 200) {
					this.faqItems = resp.data.data;
				} else {
					this.$message({
						message: '获取失败',
						type: 'error'
					});
				}
			}).catch(() => {
				this.$message({
					message: '网络错误，请稍后重试',
					type: 'error'
				});
			})

		}

}
</script>

<style scoped>
.faq {
  padding-top: 100px;
}
.page-header {
  max-width: 1200px;
  margin: 0 auto 40px;
  text-align: center;
}
.faq-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px 40px;
}
.el-collapse-item__header {
  font-size: 16px;
  color: #2c3e50;
  font-weight: 500;
}
.faq-answer {
  color: #34495e;
  line-height: 1.6;
  padding: 10px 0;
}
.faq-contact {
  margin-top: 30px;
  text-align: center;
  color: #666;
}
</style>